section{
  background-color: #FAF7F8;
  .confirm-order{
    padding-bottom: 200px;
    .rate{
      padding: 40px 0;
      .confirm, .pay{
        width: 600px;
        float: left;
        text-align: center;
        font-size: 20px;
        padding: 15px 0;
      }
      .confirm{
        color: #FFF;
        background-color: #2ECE9A;
      }
      .pay{
        position: relative;
        color: #2ECE9A;
        background-color: #FFF;
        .triangle{
          width: 0;
          height: 0;
          border: 30px solid transparent;
          border-left-color: #2ECE9A;
          position: absolute;
          top: 0;
        }
      }
    }
    .title{
      color: #333333;
      font-size: 24px;
      text-align: center;
      padding-bottom: 35px;
    }
    .content{
      padding: 30px 20px;
      background-color: #FFF;
      .left{
        float: left;
        width: 373px;
        height: 220px;
        background: url('../assets/images/cardSmall.png') no-repeat;
        background-size: cover;
        color: #2ECE9A;
        padding-top: 50px;
        text-decoration: none;
        > div{
          width: 150px;
          padding: 10px 0;
          border-radius: 18px;
          font-size: 22px;
          background-color: #FFF;
          margin: auto;
          text-align: center;
        }
        > p{
          font-size: 24px;
          color: #FFF;
          text-align: center;
          margin-top: 20px;
        }
      }
      .right{
        float: right;
        padding: 45px 0;
        .name, .price{
          float: left;
          margin-left: 50px;
          padding-top: 25px;
          width: 335px;
          p{
            font-size: 18px;
            color: #999999;
          }
          .yuan{
            span{
              color: #FF5050;
            }
            del{
              color: #FF5050;
              margin-left: 10px;
            }
          }
          a{
            display: block;
            width: 131px;
            padding: 10px 0;
            border: 1px solid #2ECE9A;
            border-radius: 18px;
            font-size: 16px;
            color: #2ECE9A;
            text-align: center;
            text-decoration: none;
          }
        }
        .hr{
          float: left;
          width: 1px;
          height: 130px;
          background-color: #ccc;
        }
        .price{
          text-align: center;
          // border-left: 1px solid #ccc;
          p{
            color: #333333;
          }
          a{
            margin: auto;
          }
        }
      }
    }
  }
}
.modal{
  .modal-content{
    width: 570px;
    .paragraph{
      width: 506px;
      height: 248px;
      border: 1px solid #E5E5E5;
      padding: 16px 24px;
    }
    .modal-body{
      margin: auto;
    }
    .modal-footer{
      justify-content: space-between;
      a.btn-primary{
        width: 100px;
        padding: 10px 0;
        background-color: #2ECE9A;
        border: 1px solid #2ECE9A;
        color: #FFF;
      }
      > div{
        font-size: 14px;
        color: #999999;
      }
    }
  }
}